<template>
  <div class="all">
    <header>
      <div class="div">
        <img src="../../../assets/返回.png" @click="back()" alt="">
        <span class="solid" @click="back()">返回</span>
      </div>
      <div class="div">
        <span>服务评价</span>
      </div>
      <div class="div">
        <span class="solid">发布</span>
      </div>
    </header>
    <div class="doctorInfo">
      <div class="left"></div>
      <div class="right">
        <p></p>
        <p></p>
      </div>
    </div>
    <div class="evaluation">
      <p>
        服务态度
        &nbsp;
        <van-rate
        v-model="fwtd"
        :size="23"
        color="#f9d739"
        :count="10"/>
      </p>
      <p>
        专业知识
        &nbsp;
        <van-rate
          v-model="zyzs"
          :size="23"
          color="#f9d739"
          :count="10"/>
      </p>
      <p>
        服务效果
        &nbsp;
        <van-rate
          v-model="fwxg"
          :size="23"
          color="#f9d739"
          :count="10"/>
      </p>
    </div>
    <p class="tishi">我们将会对你的信息进行隐藏，提供问诊人将不会看到</p>
  </div>
</template>

<script>
export default {
  name: 'ServiceEvaluation',
  data () {
    return {
      fwtd: 0,
      zyzs: 0,
      fwxg: 0,
      id: this.$route.query.id,
      item: []
    }
  },
  mounted () {
    this.getOrderInfo()
  },
  methods: {
    getOrderInfo () {
      this.$http.findOneInquiry({id: this.id})
        .then(res => {
          console.log(res)
          if (res.data.status === 'success') {
            this.item = res.data.data
          }
        })
        .catch(err => {
          console.log(err)
        })
    },
    fabu () {
      this.$http.saveInquaryEva({})
        .then(res => {
          console.log(res)
          if (res.data.status === 'success') {
          }
        })
        .catch(err => {
          console.log(err)
        })
    },
    // 返回
    back () {
      this.$router.history.go(-1)
    }
  }
}
</script>

<style scoped>
.all{
  width: 100%;
  height: 100%;
  background: #FAF9FE;
  overflow: auto;
}
 header{
   width: 100%;
   height: 44px;
   display: flex;
   align-items: center;
   border-bottom: 1px solid #E5E5E5;
   background: white;
   position: sticky;
   top: 0;
   z-index: 5;
 }
 .div{
   width: 33%;
   height: 100%;
   display: flex;
   align-items: center;
   font-family: "PingFang SC";
   font-size: 15px;
   font-weight: bold;
 }
 .div img{
   margin-right: 5px;
 }
 .div:nth-child(1) img{
   height: 13px;
   width: 7px;
   margin-left: 15px;
 }
 .div:nth-child(3) img{
   width: 13px;
   height: 13px;
   margin-right: 5px;
 }
 .div:nth-child(3) span{
   margin-right: 15px;
 }
 .div:nth-child(2){
   justify-content: center;
 }
 .div:nth-child(3){
   justify-content: flex-end;
 }
 .solid{
   color: #1DA4F2;
 }
 .doctorInfo{
   width: 100%;
   height: 60px;
   background: #FFFFFF;
 }
 .evaluation{
   background: #fff;
   margin-top: 5px;
 }
 .evaluation p{
   width: 100%;
   height: 44px;
   display: flex;
   align-items: center;
   font-size: 15px;
   font-family: PingFang SC;
   font-weight: 500;
   color: #333333;
   padding: 0 10px;
   box-sizing: border-box;
 }
 .tishi{
   height: 44px;
   display: flex;
   align-items: center;
   font-size: 11px;
   font-family: PingFang SC;
   font-weight: 500;
   color: #999999;
   margin-left: 10px;
 }
</style>
